<template>
  <div>child子组件 - {{ count }} - {{ name }}</div>
</template>

<script lang="ts" setup>
import { onMounted } from "vue";

// defineProps(["count"]);

// defineProps({
//   count: Number,
// });

// defineProps<{
//   count?: number;
//   name?: string;
// }>();

// interface PropType {
//   count?: number;
//   name?: string;
// }

defineProps<{
  count?: number;
  name?: string;
}>();

// defineEmits(["abc"])

const emit = defineEmits<{
  (e: "abc", n: number): void;
}>();

onMounted(() => {
  emit("abc", 999);
});
</script>
